* {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

html, body {
	background-color: #002200;
	color: white;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.bub {
	width: 160px;
	height: 160px;
	overflow: hidden;
	background: transparent url('images/bub.png') 0 0 no-repeat;
}

.item {
	width: 24px;
	height: 24px;
	position: absolute;
}

.item img {
	width: 24px;
	height: 24px;
}

.centre {
	width: 50px;
	height: 50px;
	left: 55px;
	top: 55px;
}

.centre img {
	width: 50px;
	height: 50px;
}

.north {
	left: 68px;
	top: 10px;
}

.northeast {
	right: 26px;
	top: 26px;
}

.east {
	right: 10px;
	top: 68px;
}

.southeast {
	right: 26px;
	bottom: 26px;
}

.south {
	left: 68px;
	bottom: 10px;
}

.southwest {
	left: 26px;
	bottom: 26px;
}

.west {
	left: 10px;
	top: 68px;
}

.northwest {
	left: 26px;
	top: 26px;
}
